<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <base href="/">
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <script src="../static/js/jquery-3.2.1.min.js"></script>
    <script src="../static/layui/layui.js"></script>
    <script>
        $(function () {
            $("#header").load("static/header.html");
            showRoleManager()
        });

        // 显示角色管理
        function showRoleManager() {
            var table = layui.table;
            table.render({
                elem: '#roleTable'
                , url: 'admin/role/getList' //数据接口
                , page: true //开启分页
                , cols: [[ //表头
                    {field: 'name', title: '角色名', sort: true, fixed: 'left'}
                    , {field: 'comment', title: '备注'}
                    , {field: 'createTime', title: '创建时间'}
                    , {field: 'modifiedTime', title: '修改时间'}
                    , {field: '操作', title: '操作',toolbar: "#roleRowBar"}
                ]]
                , request: {
                    pageName: 'pageNum'
                    , limitName: 'limit'
                }
                , response: {
                    statusCode: 200 //规定成功的状态码，默认：0
                    , msgName: 'message' //规定状态信息的字段名称，默认：msg
                    , countName: 'total' //规定数据总数的字段名称，默认：count
                    , dataName: 'data' //规定数据列表的字段名称，默认：data
                }
                , parseData: function (res) { //res 即为原始返回的数据
                    return {
                        "code": res.code,
                        "message": res.message, //解析返回信息提示
                        "total": res.data.total, //解析数据长度
                        "data": res.data.list //解析数据列表
                    };
                }
            });
        }

        // 角色授权页面
        function showAuthorize(roleId) {
            layer.open({
                type: 2,
                title: "权限修改",
                skin: 'layui-layer-rim', //加上边框
                area: ['500px', '600px'], //宽高
                content: '../static/roleAuthorize.html?roleId=' + roleId
            })
        }

        // 系统日志
        function showLog() {
            var table = layui.table;
            table.render({
                elem: '#logTable'
                , url: 'admin/log/businessAndAudit/getList' //数据接口
                , page: true //开启分页
                , cols: [[ //表头
                    {field: 'username', title: '管理员', sort: true, fixed: 'left',templet: function (d) {
                            return d.adminInfoVo.username;
                        }}
                    , {field: 'type', title: '操作类型',templet: function (d) {
                            if (d.operateLog.type == 0){
                                return "登录";
                            }
                            if (d.operateLog.type == 1){
                                return "登出";
                            }
                            if (d.operateLog.type == 2){
                                return "新增";
                            }
                            if (d.operateLog.type == 3){
                                return "修改";
                            }
                            if (d.operateLog.type == 4){
                                return "删除";
                            }
                            if (d.operateLog.type == 5){
                                return "查看";
                            }
                        }}
                    , {field: 'tableId', title: '涉及的表id',templet: function (d) {
                            return d.operateLog.tableId;
                        }}
                    , {field: 'tableName', title: '涉及的表名',templet: function (d) {
                            return d.operateLog.tableName;
                        }}
                    , {field: 'ip', title: 'ip',templet: function (d) {
                            return d.operateLog.ip;
                        }}
                    , {field: 'comment', title: '备注',templet: function (d) {
                            return d.operateLog.comment;
                        }}
                    , {field: 'createTime', title: '创建时间',templet: function (d) {
                            return d.operateLog.createTime;
                        }}
                ]]
                , request: {
                    pageName: 'pageNum'
                    , limitName: 'limit'
                }
                , response: {
                    statusCode: 200 //规定成功的状态码，默认：0
                    , msgName: 'message' //规定状态信息的字段名称，默认：msg
                    , countName: 'total' //规定数据总数的字段名称，默认：count
                    , dataName: 'data' //规定数据列表的字段名称，默认：data
                }
                , parseData: function (res) { //res 即为原始返回的数据
                    return {
                        "code": res.code,
                        "message": res.message, //解析返回信息提示
                        "total": res.data.total, //解析数据长度
                        "data": res.data.list //解析数据列表
                    };
                }
            });
        }

    </script>

    <script type="text/html" id="roleRowBar">
        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="authorize" onclick="showAuthorize({{d.id}})">菜单授权</a>
    </script>
</head>
<body>
    <div id="header"></div>
    <div style="height: 50px"></div>
    <div id="main">
        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this" onclick="showRoleManager()">角色管理</li>
                <li onclick="showLog()">业务管理员和审计管理员操作日志</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <table id="roleTable" lay-filter="test"></table>
                </div>
                <div class="layui-tab-item">
                    <table id="logTable" lay-filter="test"></table>
                </div>
            </div>
        </div>
    </div>

</body>
</html>